<% if diary_entries.present? %>
  <h2 class="text-body-secondary fs-5 mt-4"><%= t(".latest_diaries") %></h2>
  <div class="row row-cols-1 row-cols-md-2 g-4">
    <% diary_entries.each do |entry| %>
      <div class="col profile-diary-card">
        <div class="card h-100">
          <div class="card-body d-flex flex-column">
            <p class="card-title">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="Diary Entry"><path d="M2 6h4" /><path d="M2 10h4" /><path d="M2 14h4" /><path d="M2 18h4" /><rect width="16" height="20" x="4" y="2" rx="2" /><path d="M9.5 8h5" /><path d="M9.5 12H16" /><path d="M9.5 16H14" /></svg>
              <%= link_to entry.title, diary_entry_path(@user, entry) %>
            </p>
            <p class="card-text flex-grow-1"><%= truncate(strip_tags(entry.body.to_html), :length => 150) %></p>

            <div class="card-text d-flex justify-content-between align-items-center mt-auto">
              <small class="text-body-secondary d-flex align-items-center">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="me-1" aria-label="Comments"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z" /></svg>
                <%= link_to diary_entry_path(@user, entry, :anchor => "comments"), :class => "text-body-secondary" do %>
                  <span><%= t(".comments", :count => entry.comments.size) %></span>
                <% end %>
              </small>
              <small class="text-body-secondary d-flex align-items-center">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="me-1" aria-label="Date"><path d="M8 2v4" /><path d="M16 2v4" /><rect width="18" height="18" x="3" y="4" rx="2" /><path d="M3 10h18" /></svg>
                <span><%= l(entry.created_at.to_date, :format => :long) %></span>
              </small>
            </div>
          </div>
        </div>
      </div>
    <% end %>
  </div>
<% end %>
